import Vue from 'vue'
import './mixin/1'
import App from './AppR.vue'
// 在工程化中  所有的组件  都是  .vue 后缀的文件
// .vue  文件  由三部分组成  template里边的是html结构  script 里边是我们的JS部分  style里边样式代码
// 组件中 不管是 全局还是局部  都只能有一个根元素

//  A组件使用了 B组件 ： 我们 把 A 称为父组件 B称为 A的子组件；相对概念
// 组件中的data必须是一个函数 ？ ？ 是为了保证每一个组件数据的独立性
import router from './router'
import store from './store'
// import App2 from './App2.vue'
// import App from './mycomponents/day7/App'
// import App from './mycomponents/day8/app'
// import App from './mycomponents/day8/learnVuex/App'
import './less/1.less'
import './globalComponent/1'
import './mycomponents/plugins/index.js'

Vue.config.productionTip = false

/* router.beforeEach((to,from,next)=>{
  // 只要路径发生改变 就会触发这个函数
  // to 是要跳转的哪个路径
  // from 是从哪个路径调过来的
  // 若本身就是要去 /login 路径 这是 就不要在next('/login') 这是一个死循环
  document.title = to.meta.til||'珠峰'
  // console.log(to,from)
  if(to.path !== '/login'){
    if(true){
      next() // 
    }else{
      next('/login')
    }
  }else{
    next();// 不传参 就是正常 向下走
  }
  
  
}) */


new Vue({
  router,
  store,
  render: h => h(App) // (h)=>{return h(App)}
}).$mount('#app')
